<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title></title>
    <!-- editor.md 的css文件 -->
    <link rel="stylesheet" href="../assets/vendors/editor.md/css/editormd.css">
    <link rel="stylesheet" href="../assets/vendors/editor.md//css/editormd.preview.min.css">

    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/article.css">
    <link rel="stylesheet" href="css/response.css">
    <link rel="stylesheet" href="iconfont/iconfont.css">

    <!-- editor.md 的js文件 -->
    <script src="../assets/vendors/editor.md/examples/js/jquery.min.js"></script>
    <script src="../assets/vendors/editor.md/lib/marked.min.js"></script>
    <script src="../assets/vendors/editor.md/lib/prettify.min.js"></script>
    <script src="../assets/vendors/editor.md/lib/raphael.min.js"></script>
    <script src="../assets/vendors/editor.md/lib/underscore.min.js"></script>
    <script src="../assets/vendors/editor.md/lib/sequence-diagram.min.js"></script>
    <script src="../assets/vendors/editor.md/lib/flowchart.min.js"></script>
    <script src="../assets/vendors/editor.md/lib/jquery.flowchart.min.js"></script>
    <script src="../assets/vendors/editor.md/editormd.js"></script>

    <script src="lib/live2d/live2d.js"></script>

</head>

<body>
    <canvas id="live2d" width="250" height="350"></canvas>


    <header>
        <div class="left">
            <div class="logo">
                <a href="index.html">
                    <img src="images/tx.jpg" alt="">
                    <h3>小柯大前端工程师</h3>
                </a>
            </div>
        </div>
        <div class="right">

        </div>
        <div class="iconfont icon-caidan menu menuon"></div>
        <div class="mask"></div>
    </header>
    <main>
        <div class="article">
            <div class="title"></div>
            <div class="date"></div>
            <div class="content" id="articleContent">
                <textarea id="appendTest" style="display:none;"></textarea>
            </div>
        </div>
        <div class="comments">
            <h4 class="comments_title">发表评论</h4>
            <form id="form">
                <div class="top">
                    <div class="name">
                        <input type="text" maxlength="35" id="name" name="name" placeholder="昵称(*)">
                    </div>
                    <div class="contact">
                        <input type="email" maxlength="35" id="contact" name="contact" placeholder="邮箱(*)">
                    </div>
                </div>
                <div class="content">
                    <textarea name="content" id="content" minlength="5" maxlength="200" id="content"
                        placeholder="请输入评论内容"></textarea>
                    <div class="content_icon"></div>
                </div>
                <div class="btn">
                    <button type="submit">提交</button>
                </div>
            </form>
            <div class="comments_list">
                <div class="comments_list_title">评论列表</div>
            </div>
        </div>
    </main>
    <footer>
        <div class="main">
            <div class="link">
                <div class="link_title">友情链接</div>
            </div>
            <div class="Copyright">
                <p>Copyright © 2020 Xiao Ke</p>
                <p>冀ICP备888号-88</p>
            </div>
        </div>
    </footer>
    <div class="up"><img src="images/up.svg" alt=""></div>
    <script src="../assets/vendors/art-template/template-web.js"></script>
    <script src="js/common.js"></script>
    <script src="js/animate.js"></script>
    <script src="js/article.js"></script>
    <script type="text/html" id="commentsTpl">
        {{each data}}
        <div class="comments_list_item">
            <div class="comments_item_left">
                <img src="./images/timg.jpg" alt="">
            </div>
            <div class="comments_item_right">
                <span class="comments_name">{{$value.name}}</span>
                <span class="comments_name_icon">V</span>
                <span class="comments_email">{{$value.contact}}</span>
                <span class="comments_date">{{$value.date.substr(0,10)}}</span>
                <div class="comments_content">{{$value.content}}</div>
            </div>
        </div>
        {{/each}}
    </script>

    <script type="text/html" id="navTpl">
        {{each navData}}
        <a href="{{$value.url}}" target="{{$value.way}}" class="a_item">{{$value.name}}</a>
        {{/each}}
      </script>

    <script type="text/html" id="linkTpl">
        {{each linkData}}
        <a href="{{$value.url}}" target="_blank">{{$value.name}}</a>
        {{/each}}
    </script>
</body>

</html>